<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>登录</title>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script type="text/javascript">
        var FINAL_COUNT = ${fns:getDictValue('login','selfCountDown' ,'20')}
    </script>
    <%@ include file="/WEB-INF/views/include/common.jsp" %>
    <%@ include file="/WEB-INF/views/include/countDown.jsp" %>
</head>
<body>
<audio src="${ctxStatic}/audio/login.mp3" id="audio1" hidden="true" autoplay="true"></audio>
<div class="page-header">
    <div class="row">
        <div class="col-md-offset-1 col-md-9">
            <h1>智能图书馆借还系统</h1>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-offset-2 col-md-8">
        <ul class="list-group" style="margin-top: 10%;">
            <li class="list-group-item active" style="height: 50px;"></li>
            <li class="list-group-item">
                <div class="jumbotron">
                    <h1 id="gide_div" style="text-align: center">请将您的借书卡放置在识读区</h1>
                    <h2 style="text-align: center">请按照语音提示操作</h2>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="form-signin">
    <script>
        document.onkeydown = function (event) {
            var e = event || window.event || arguments.callee.caller.arguments[0];
            if (e && e.keyCode == 13) {
                $("#gide_div").html("正在处理借书证信息,请稍候...");
                $("#loginForm").submit();
            }
        };
        $(function () {
            $("body").click(function () {
                $("#rdCardno").val("").focus();
            });
            $("#rdCardno").val("").focus();
        });

    </script>
    <form id="loginForm" action="${cts}/login.do" method="post">
        <input name="toPage" value="${toPage}" style="display: none">
        <div id="card_content" class="control-group" style="margin-top: 30px;">
            <input id="rdCardno" name="rdCardno" autocomplete="off" style="position: absolute;top: -1000px;">
        </div>
    </form>
</div>

<%@ include file="/WEB-INF/views/include/footer.jsp" %>
</body>
</html>